.spinner {
  width:100%;
  height:100%;
  background-color:raga(255,255,255,.5);
  z-index:999999;
  position: relative;
  /* -webkit-animation: rotateplane 1.2s infinite ease-in-out; */
  /* animation: rotateplane 1.2s infinite ease-in-out; */
}
.spinner img{
  display:inline-block;
  width:200px;
  height:200px;
  position: fixed;
  left:50%;
  top:50%;
  margin-top:-100px;
  margin-left:-100px;

}
/* @-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
      transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
      -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    } 100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
      }
} */
